<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>商城后台管理</title>
    <link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="./css/app.css" media="all">
    <!--<link rel="stylesheet" href="./css/themes/light.css" media="all">
    <link rel="stylesheet" href="./css/themes/blue.css" media="all">-->
    <style type="text/css">
    	.layui-side ul{
    		padding-bottom: 30px;
    	}
    	body iframe{
    		padding: 10px 20px 10px 10px;
    	}
    </style>
</head>

<body>
    <div class="layui-layout layui-layout-admin kit-layout-admin">
        <div class="layui-header">
            <div class="layui-logo">商城后台管理</div>
            <div class="layui-logo kit-logo-mobile">K</div>
            <ul class="layui-nav layui-layout-left kit-nav">
                <li class="layui-nav-item"><a href="javascript:;" >控制台</a></li>
                <li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">其它系统</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">邮件管理</a></dd>
                        <dd><a href="javascript:;">消息管理</a></dd>
                        <dd><a href="javascript:;">授权管理</a></dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right kit-nav">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="images/icon.png" class="layui-nav-img"> 杨培林
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">基本资料</a></dd>
                        <dd><a href="javascript:;">安全设置</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black kit-side">
            <div class="layui-side-scroll">
                <div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
                	<li class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;"><i class="fa fa-phone-square" aria-hidden="true"></i><span> 商品管理</span></a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" kit-target data-options="{url:'views/goodlist.html',icon:'&#xe60a;',title:'商品列表',id:'1'}">　<i class="layui-icon">&#xe60a;</i><span> 商品列表</span></a></dd>
                            <dd><a href="javascript:;" kit-target data-options="{url:'views/StockIn.html',icon:'&#xe630;',title:'商品入库',id:'2'}">　<i class="layui-icon">&#xe630;</i><span> 商品入库</span></a></dd>
                            <dd><a href="javascript:;" kit-target data-options="{url:'views/collection.html',icon:'&#xe658;',title:'商品收藏',id:'3'}">　<i class="layui-icon">&#xe658;</i><span> 商品收藏</span></a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"><i class="layui-icon" aria-hidden="true">&#xe613;</i><span> 用户管理</span></a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" kit-target data-options="{url:'views/users.html',icon:'&#xe66f;',title:'用户操作',id:'6'}">　<i class="layui-icon">&#xe66f;</i><span> 用户操作</span></a></dd>
                            <dd><a href="javascript:;" kit-target data-options="{url:'views/administrator.html',icon:'&#xe612;',title:'管理员操作',id:'7'}">　<i class="layui-icon">&#xe612;</i><span> 管理员操作</span></a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;" data-url="/views/form.html" data-name="form" kit-loader><i class="layui-icon" aria-hidden="true">&#xe60f;</i><span> 订单管理</span></a>
                        <dl class="layui-nav-child">
                         	<dd><a href="javascript:;" kit-target data-options="{url:'views/orderlist.html',icon:'&#xe66b;',title:'订单列表',id:'9'}">　<i class="layui-icon">&#xe66b;</i><span> 订单列表 </span></a></dd>
                         	<dd><a href="javascript:;" kit-target data-options="{url:'views/ct.html',icon:'&#xe628;',title:'快递跟踪',id:'10'}">　<i class="layui-icon">&#xe628;</i><span> 快递跟踪 </span></a></dd>
                         	<dd><a href="javascript:;" kit-target data-options="{url:'views/Exchange.html',icon:'&#xe674;',title:'退换货',id:'11'}">　<i class="layui-icon">&#xe674;</i><span> 退换货 </span></a></dd>
                         	<dd><a href="javascript:;" kit-target data-options="{url:'views/shouhou.html',icon:'&#xe65e;',title:'退款',id:'12'}">　<i class="layui-icon">&#xe65e;</i><span> 退款 </span></a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"  data-name="table" kit-loader><i class="layui-icon" aria-hidden="true">&#xe611;</i><span> 评论管理 </span></a>
                         <dl class="layui-nav-child">
                            <dd><a href="javascript:;" kit-target data-options="{url:'views/judge.html',icon:'&#xe63a;',title:'评论列表',id:'13'}">　<i class="layui-icon">&#xe63a;</i><span> 评论列表 </span></a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"  data-name="table" kit-loader><i class="layui-icon" aria-hidden="true">&#xe614;</i><span> 系统管理 </span></a>
                         <dl class="layui-nav-child">
                            <dd><a href="javascript:;" kit-target data-options="{url:'views/menuType.html',icon:'&#xe62a;',title:'菜单类型',id:'15'}">　<i class="layui-icon">&#xe62a;</i><span> 菜单类型 </span></a></dd>
                            <dd><a href="javascript:;" kit-target data-options="{url:'views/shopGoodsType.html',icon:'&#xe857;',title:'商品类别',id:'16'}">　<i class="layui-icon">&#xe857;</i><span> 商品类别</span></a></dd>
                            <dd><a href="javascript:;" kit-target data-options="{url:'views/shopVipLevel.html',icon:'&#xe770;',title:'会员级别',id:'17'}">　<i class="layui-icon">&#xe770;</i><span> 会员级别</span></a></dd>
                            <dd><a href="javascript:;" kit-target data-options="{url:'views/admin_info.html',icon:'&#xe673;',title:'资料修改',id:'18'}">　<i class="layui-icon">&#xe673;</i><span> 资料修改</span></a></dd>
                        </dl>
                    </li>
                    
                </ul>
            </div>
        </div>
        <div class="layui-body" id="container">
            <!-- 内容主体区域 -->
            <div style="padding: 15px;">主体内容加载中,请稍等...</div>
        </div>

        <div class="layui-footer">
            <!-- 底部固定区域 -->
            2017 &copy;
            <a href="#">测试</a> 无语

        </div>
    </div>
    
    <script src="./plugins/layui/layui.js"></script>
    <script>
        var message;
        layui.config({
            base: 'js/'
        }).use(['app', 'message'], function() {
            var app = layui.app,
                $ = layui.jquery,
                layer = layui.layer;
            //将message设置为全局以便子页面调用
            message = layui.message;
            //主入口
            app.set({
                type: 'iframe'
            }).init();
           
        });
    </script>
</body>

</html>